<template>
    <div class="header">
        <span class="left">
            <em>注册</em>&nbsp;|&nbsp;<em>登录</em>
        </span>
        <Btn class="right">APP下载</Btn>
    </div>
</template>

<script>
    import Btn from '@/components/Btn.vue'
    export default {
        name: "Header",
        components: {
            Btn,
        }
    }
</script>

<style lang="scss" scoped>
.header{
    color: #666;
    height: 50px;
    line-height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    background: #fff url(//m.jr.jd.com/spe/qyy/main/images/jr-logo.png) center center no-repeat;
    background-size: auto 50%;
    z-index: 100;
    .left{
        font-size: 14px;
        height: 15px;
        line-height: 15px;
        margin: 9px 0 0 9px;
    }
    .right{
        float: right;
        font-size: 12px;
        border-width: 0;
        height: 28px;
        line-height: 28px;
        min-width: 60px;
        padding: 0;
        border-radius: 2px;
        margin: 12px 12px 0 0;
    }
}
</style>